import React ,{useState,useEffect}from 'react'
import {View,Text,TextInput,StyleSheet,ScrollView,TouchableOpacity} from 'react-native' 
// import Btn from '../common/Btn'
import '../common/global'
import AsyncStorage from '@react-native-async-storage/async-storage';
// import moment from 'moment';
const navs = [{text:'#堵门游戏大全'},{text:'#堵门游戏'},{text:'#堵门大全'}];

const Topic = ({navigation,route})=>{
  return(
    <ScrollView style={{backgroundColor:'white'}}>
      {
        navs.map((nav,idx)=>(
          <TouchableOpacity key={idx} 
              style={styles.box}
              onPress={()=>{
                navigation.navigate('Rel',{topic:nav.text})
              }}        
          >
             <Text style={styles.con}>{nav.text}</Text>
          </TouchableOpacity>
        ))
      }
     
    </ScrollView>
    )
    
}
export default Topic;
const styles = StyleSheet.create({
  box:{
    height:40,
    lineHeight:50,
    marginLeft:ptd(12),
    paddingTop:ptd(15),
    borderColor: '#DEDEDE',
    // borderTopWidth: 1,
    borderBottomWidth: 1,
    borderStyle: 'solid',
  },
  con:{
    fontSize:12,
    fontFamily:'微软雅黑',
    // color:'#FF88C2'
  }
})